import "./detailsnew.css"
import React from 'react';
import { useNavigate, useParams } from "react-router-dom"
import {  getDetailsNew } from "../../api/home"

function Detailsnew() {
    let params = useParams(); //获取链接数据
    let navigate = useNavigate();//链接跳转
    let [detailsList, setDetailsList] = React.useState(null);

    React.useEffect(() => {
        // 所有详情
        getDataAll(params.id)
    }, [])

    const getDataAll = (id) => {
        getDetailsNew(id).then(data => {
            setDetailsList(data.data)
            // console.log(data.data);
        })
       
    }

    return detailsList ? (
        <div className="detailsnew">
            {/* 顶部 */}
            <div className="header">

                <div className="header-wrap">
                    <i onClick={() => navigate(-1)} className="iconfont icon-zuobian"></i>
                    <div className="title">
                        {detailsList.title}
                    </div>
                    <i className="iconfont icon-sort"></i>

                </div>

            </div>

            {/* 顶部图片 */}
            <div className="playerCover">
                <img src={detailsList.image} />
            </div>

            {/* 内容 */}
            <div className="goods-page">
                <div className="panel">
                    <div className="describe-wrap">
                        <p className="txt">大{detailsList.describes}</p>
                        <span className="line-md"></span>
                    </div>
                    <div className="step-wrap"
                     dangerouslySetInnerHTML={{ __html: detailsList.content }}
                    >
                   
                        {/* <p>1.益生菌的“种数”越多越好。</p>
                        <p><img src="http://img.szzhangchu.com//1465005725759_8175229400.jpg" /></p>
                        <p>益生菌的优劣和数量则是衡量一个酸奶好坏的标准，而酸奶一般是以鲜奶为原料加入多种益生菌自然发酵而成，不含防腐剂，一般来说酸奶里加入益生菌的种数越多越好，在同种价格下，选择3种益生菌的较好。</p>
                        <p className="line-md"></p>
                        <p>2.益生菌越“老”越好。</p>
                        <p><img src="http://img.szzhangchu.com//1465005725837_3240263230.jpg" /></p>
                        <p>越是益生菌的代数越来越好，比如第一代益生菌就比接种了十次的新益生菌活性更强，更健康。</p>
                        <p className="line-md"></p>
                        <p>3.保质期14天比21天的要好。</p>
                        <p>酸奶因其本身的特质，保质期比常温牛奶要短，在0℃-4℃的环境下保质期为2周，因此，在选择酸奶时，最好选择保质期在14天以内的为宜。</p>
                        <p className="line-md"></p>
                        <p>【推荐菜品：胡萝卜酸奶】</p>
                        <p className="play" >
                            <img src="http://img.szzhangchu.com//1465005725767_8248763186.jpg" />
                            <span className="ico-play"></span>
                        </p>
                        <p className="play-name"><a className="ui-link" target="_self">胡萝卜酸奶</a></p>
                        <p>胡萝卜味甘、性平；入肺、脾经；具有健脾消食，润肠通便，杀虫，行气化滞，明目等功效；和酸奶一同榨汁能补充膳食纤维和维生素。</p> */}
                    </div>
                </div>
            </div>
        </div>
    ): null;
}

export default Detailsnew;